<%@ page import="gae.google.tcserver.db.*"%>
<%@ page import="com.google.appengine.api.datastore.Key"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="../JS/jquery-ui-1.8.4.custom/js/jquery-1.4.2.min.js"></script>
<link type="text/css" href="../CSS/TeamCalendar.css" rel="stylesheet" />

<title>Login</title>

<!-- Create Team -->
<script type="text/javascript">
  $(function() {
	$('.createBtn').click(function() {
		document.forms["form"].submit();
	});
  });
</script>

<!-- Input Fields -->
<script type="text/javascript">
$('.defaultval').live('focus', function(){
  $(this).removeClass('default');
  if($(this)[0].defaultValue == $(this).val())
  {
    $(this).val('');
  }
}).live('blur', function(){
  if($(this).val() == '')
  {
    $(this).val($(this)[0].defaultValue);
    $(this).addClass('default');
  }
}).addClass('default');
</script>
</head>

<body class="body">
	<div class="mainContainer">
    	
        <div class="topContainer">
        </div>
        
        <div class="mainMenuContainer">
            <div class="goBackBtn"><a href="../views/TeamCalendar.jsp">Back</a></div>
        </div>
        
        <!--Team Container-->
        <div class="createTeamContainer">
        	
            <div class="createTeamContent">
            
                <div class="createTeamHeader">
                  <div class="createTeamInput">
                      <form name="form" method="post" action="/CreateTeam.do">
                      	<div class="createTeamName">Name</div>
                  		<div id="textLimit2">20</div>
                      	<div><input id="postLink" tabindex="2" type="text" value="Name" name="teamName"/></div>
                      	<div class="createTeamCalendar">Calendar</div>
                  		<div id="textLimit2">10</div>
                      	<div><input id="postLink" tabindex="2" type="text" value="Calendar Name" name="teamCalendar"/></div>
                      	<div class="createTeamImage">Team Image</div>
                  		<div id="textLimit2">20</div>
                      	<div><input id="postLink" tabindex="2" type="text" value="Image Name" name="teamImage"/></div>
                      </form>
                  </div>
                </div>
                
            	<div class="createTeamFooter">
                  <div class="createBtn"></div>
           		</div>
                
            </div>
        </div>
    </div>
</body>
</html>
